import 'package:flutter/material.dart';
import 'package:flutter_member/widget/custom_appbar.dart';

import 'course_page.dart';

// 我的课程
// 主tab
class MyCourse extends StatefulWidget {
  @override
  _MyCourseState createState() => _MyCourseState();
}

class _MyCourseState extends State<MyCourse> {
  var _indexedStack = 0;
  List<String> tabs=['课程','已完成'];
//  未完成
  List<dynamic> listCourse = [];
//  已完成
  List<dynamic>listCourseDone=[];
  @override
  void initState() {
    // TODO: implement initState
    super.initState();
    listCourse = [
      {
        "teaching": true,
        "image": "https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg",
        "title": "麵粉花絲帶花綜合課程",
        "datetime": "2020年2月10日-4月7日(逢星期日 17：30-19：30)",
        "address": "澳門水坑尾街78號中建商業大廈13樓B座",
        "process": 60,
      },
      {
        "teaching": false,
        "image": "https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg",
        "title": "麵粉花絲帶花綜合課程",
        "datetime": "2020年2月10日-4月7日(逢星期日 17：30-19：30)",
        "address": "澳門水坑尾街78號中建商業大廈13樓B座",
        "process": 0,
      },
    ];
    listCourseDone=[
      {
        "teaching": true,
        "image": "https://pic2.zhimg.com/v2-639b49f2f6578eabddc458b84eb3c6a1.jpg",
        "title": "麵粉花絲帶花綜合課程",
        "datetime": "2020年2月10日-4月7日(逢星期日 17：30-19：30)",
        "address": "澳門水坑尾街78號中建商業大廈13樓B座",
        "process": 100,
      },
    ];
  }

  @override
  Widget build(BuildContext context) {
    TabController _tabController;
      return DefaultTabController(
        length: tabs.length,
        child: CustomAppBar(
          title: '我的課程',
          upperColor: 0xff2D7FC7,
          lowerColor: 0xffE5EEF6,
          hight: 80,
          body: IndexedStack(
            index: _indexedStack,
            alignment: Alignment.center,
            children: <Widget>[
              Column(
                children: <Widget>[
                  TabBar(
                    isScrollable: true,
                    indicatorColor: Colors.yellow,
                    //指示器颜色
                    indicatorWeight: 5,
                    //指示器高度
                    indicatorPadding:
                    EdgeInsets.fromLTRB(35, 0, 35, 0),
                    //底部指示器的Padding
                    labelColor: Color(0xff3d6fc1),
                    //选中label颜色
                    unselectedLabelColor:
                    Color(0xffd9d9d9),
                    //未选中label颜色
                    labelStyle: TextStyle(
                        fontWeight: FontWeight.w800,
                        fontSize: 18),
                    tabs: tabs.map((f)=>Tab(text: f,)).toList(),
                    controller: _tabController,
                  ),
                  Expanded(
                    child: TabBarView(
                      children: <Widget>[
                        CoursePage(listCourse: listCourse,),
                        CoursePage(listCourse: listCourseDone,),
                      ],
                    ),
                  ),
                ],
              )
            ],
          ),
        )
      );
  }

}
